﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta property="qc:admins" content="56207406376255516375" />
    <title>收银台 - 美妆商城</title>
    <link href="~/Content/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="~/Content/User/css/style.css" rel='stylesheet' type='text/css' />
    <script src="~/Content/User/js/jquery-1.11.1.min.js"></script>

</head>
<body>
    <style type="text/css">
        .cart_header {
            width: 960px;
            margin: 0 auto;
        }

        .cart_header_box {
            border-bottom: 2px solid #e5e5e5;
            box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
            padding-bottom: 15px;
        }

        .cart_header .logo_box {
            float: left;
        }

        .cart_header .order_path {
            float: right;
            width: 377px;
            height: 48px;
        }

        .cart_header .order_path_1 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -2px;
        }

        .cart_header .order_path_2 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -54px;
        }

        .cart_header .order_path_3 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -106px;
        }

        .cart_header .order_path_4 {
            background: url(http://f0.jmstatic.com/static_cart/dist/20161021_2/images/order_path.png) no-repeat;
            background-position: -2px -158px;
        }

        .cart_top {
            position: relative;
            height: 32px;
            line-height: 32px;
            color: #999999;
            width: 960px;
            margin: 0 auto;
        }

            .cart_top .user_box {
                position: absolute;
                right: 0;
                top: 0;
            }

                .cart_top .user_box .tips {
                    font-style: normal;
                    color: #dddddd;
                    padding: 0 5px;
                }

                .cart_top .user_box .out, .cart_top .user_box .query {
                    color: #999999;
                }

                .cart_top .user_box a:hover {
                    text-decoration: none;
                    color: #ed145b;
                }
    </style>

    <div style="background: white;">

        <div class="cart_top">
            <div class="user_box" id="JS_user_box"><div>美妆商城欢迎您，<a href="/User/Account/login">登录</a><i class="tips">|</i><a href="/User/Account/Register">免费注册</a></div></div>
            <div id="hiddenUserName" style="display:none">@ViewBag.userName</div>
        </div>

        <div class="cart_header_box">
            <div class="cart_header clearfix">
                <h1 class="logo_box">
                    <a href="/User/Home/Index" id="home">
                        <img src="~/Content/User/images/ShopCart/Logo.png" alt="美妆商城">
                    </a>
                </h1>
                <div class="order_path order_path_4"></div>
            </div>
        </div>

    </div>

    <script type="text/javascript">
        (function () {
            var html = '';
            var userName = $('#hiddenUserName').html();

            if (userName != "") {
                html = '<div>欢迎您，<a href="#">' + userName + '</a>&nbsp;<a href="/User/Account/LogOut" class="out">[退出]</a><i class="tips">|</i><a href="#" class="query">订单查询</a></div>';
                document.getElementById('JS_user_box').innerHTML = html;
            }
            else {
                alert("您尚未进行登录或登录超时！");
                window.location.href = "/User/Account/Login";
            }
        })()
    </script>

    <div id="container" style="width: auto;">
    @*<link rel="stylesheet" href="http://f0.jmstatic.com/static_cart/dist/20170119/css/Cashier/cashier.css" />*@
    <link href="~/Content/User/css/jumei/cashier.css" rel="stylesheet" />
    <div id="container">
        <div id="cart">
            <form action="/cashier/pay" method="post" id="check_pay_form" onsubmit="return false;" autocomplete="off">
                <div class="main_content">
                    <div class="payment" id="payment-method">
                        <h2 class="title">最后一步，请尽快付款！</h2>
                          <div class="countdown_time_wrap" >
                          <strong class="blackTip" ><strong ><span >由于商品库存有限,请在下单后尽快完成支付。</span></strong></strong>
                          <a href="javascript:void(0);" class="sp_icon" >
                           <div class="sp_icon_pos" >
                            <span >由于商品库存有限，我们只能暂为您最多保存20分钟，</span>
                            <br  />
                            <span >20分钟后购物车将被清空，请尽快结算交易单。</span>
                            <div ></div>
                           </div></a>
                         </div> 
                        <div class="order-info">
                            <div class="fl price-box">
                                <span>应付金额：</span>
                                <span class="price"><span></span><span id="JS_pay_total_amount">@Model.TotalPrice</span></span>
                            </div>
                            <div class="fl deliver-info">
                                <p class="address">收货信息：@{
                                    @:   @Model.CName  @Model.CAddress  @Model.CPhone
}</p>
                                <p class="time">送货时间： @Model.TranTime</p>
                            </div>
                        </div>
                        <noscript></noscript>
                        <div class="payment" id="payment-method">
                            <div class="use-gift-card ">
                                <div class="gift_card_info_wrap">
                                </div>
                            </div>
                        </div>
                        <div id="paytype_balance_info" class="hide">
                            <input id="use_balance_checkbox" data-disabled="false" type="checkbox" />
                            <label for="use_balance_checkbox" class="" style="position:relative;font-family:Helvetica, arial, sans-serif;margin-left:0px;"><span id="paytype_balance">聚美余额支付 </span><span class="true"><span>&nbsp;&nbsp;</span><span class="pink">&yen;0.00</span><span><span>（聚美余额共：</span><span id="account_balance" class="pink">&yen;0.00</span><span>）</span></span></span></label>
                        </div>
                        <noscript></noscript>
                        <div class="zero-order-tips" style="display:block;">
                            <div>
                                <p class="promo-card-tip" style="display:block;"></p>
                            </div>
                        </div>
                        <div class="gateway_ul_box">
                            <ul class="gateway_ul">
                                <div>
                                    <noscript></noscript>
                                   
                                        @*<li class="gateway_line gateway_COD"><input name="gateway" name="way" checked="checked" id="check-cod" value="COD" type="radio" /><label class="tit label-for-cod-checkbox" for="check-cod">货到付款</label></li>*@
                                   
                                    @*<li class="gateway_line gateway_COD"><input name="gateway" checked="checked" id="check-cod" value="COD" type="radio" /><label class="tit label-for-cod-checkbox" for="check-cod">货到付款</label></li>*@
                                    <div>
                                        <div class="payway">
                                            <li class="gateway_line gateway_COD">
                                                @**@
                                                <div>
                                                    <input name="way" checked="checked" id="check-cod" value="COD" type="radio" />
                                                    <label class="tit label-for-cod-checkbox" for="check-cod">货到付款</label>
                                                    <div style="display:inline;"></div>
                                                </div>
                                            </li>
                                        </div>
                                        <div class="payway">
                                            <li class="gateway_line ul_off ">
                                                <div>
                                                    <input id="id1491200946048" name="way" type="radio" />
                                                    <label class="tit" for="id1491200946048">支付宝/微信支付/财付通/银联支付</label>
                                                    <div style="display:inline;"></div>
                                                </div>
                                                <div>
                                                    <ul class="third_ul clearfix g_ul">
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay" value="Alipay" type="radio" />
                                                                <label class="bg Alipay" for="Alipay"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="WeixinQRCodeWeb" value="WeixinQRCodeWeb" type="radio" />
                                                                <label class="bg WeixinQRCodeWeb" for="WeixinQRCodeWeb"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="AlipayQRCode" value="AlipayQRCode" type="radio" />
                                                                <label class="bg AlipayQRCode" for="AlipayQRCode"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Tenpay_0" value="Tenpay_0" type="radio" />
                                                                <label class="bg Tenpay_0" for="Tenpay_0"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Unionpay" value="Unionpay" type="radio" />
                                                                <label class="bg Unionpay" for="Unionpay"></label>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </div>
                                        <div class="payway">
                                            <li class="gateway_line ul_off">
                                                <div>
                                                    <input id="id1491200946052" name="way" type="radio" />
                                                    <label class="tit" for="id1491200946052">网上银行</label>
                                                    <div style="display:inline;"></div>
                                                </div>
                                                <div>
                                                    <ul class="third_ul clearfix g_ul">
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_CCB" checked="" value="Alipay_CCB" type="radio" />
                                                                <label class="bg Alipay_CCB" for="Alipay_CCB"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_ICBCB2C" value="Alipay_ICBCB2C" type="radio" />
                                                                <label class="bg Alipay_ICBCB2C" for="Alipay_ICBCB2C"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_BOCB2C" value="Alipay_BOCB2C" type="radio" />
                                                                <label class="bg Alipay_BOCB2C" for="Alipay_BOCB2C"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_ABC" value="Alipay_ABC" type="radio" />
                                                                <label class="bg Alipay_ABC" for="Alipay_ABC"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_CMB" value="Alipay_CMB" type="radio" />
                                                                <label class="bg Alipay_CMB" for="Alipay_CMB"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_COMM" value="Alipay_COMM" type="radio" />
                                                                <label class="bg Alipay_COMM" for="Alipay_COMM"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_CEBBANK" value="Bfb_CEBBANK" type="radio" />
                                                                <label class="bg Bfb_CEBBANK" for="Bfb_CEBBANK"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_PSBC-DEBIT" value="Alipay_PSBC-DEBIT" type="radio" />
                                                                <label class="bg Alipay_PSBC-DEBIT" for="Alipay_PSBC-DEBIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_CIB" value="Alipay_CIB" type="radio" />
                                                                <label class="bg Alipay_CIB" for="Alipay_CIB"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_GDB" value="Alipay_GDB" type="radio" />
                                                                <label class="bg Alipay_GDB" for="Alipay_GDB"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_SPDB" value="Alipay_SPDB" type="radio" />
                                                                <label class="bg Alipay_SPDB" for="Alipay_SPDB"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_CMBC" value="Alipay_CMBC" type="radio" />
                                                                <label class="bg Alipay_CMBC" for="Alipay_CMBC"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_SPABANK" value="Bfb_SPABANK" type="radio" />
                                                                <label class="bg Bfb_SPABANK" for="Bfb_SPABANK"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Alipay_BJBANK" value="Alipay_BJBANK" type="radio" />
                                                                <label class="bg Alipay_BJBANK" for="Alipay_BJBANK"></label>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </div>
                                        <div class="payway">
                                            <li class="gateway_line ul_off">
                                                <div>
                                                    <input id="id1491200946057" name="way" type="radio" />
                                                    <label class="tit" for="id1491200946057">快捷支付</label>
                                                    <div style="display:inline;"></div>
                                                </div>
                                                <div>
                                                    <ul class="third_ul clearfix g_ul">
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_CMB-EXPRESS-CREDIT" value="Bfb_CMB-EXPRESS-CREDIT" type="radio" />
                                                                <label class="bg Bfb_CMB-EXPRESS-CREDIT" for="Bfb_CMB-EXPRESS-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_CCB-MOTO-CREDIT" value="Bfb_CCB-MOTO-CREDIT" type="radio" />
                                                                <label class="bg Bfb_CCB-MOTO-CREDIT" for="Bfb_CCB-MOTO-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_BOC-MOTO-CREDIT" value="Bfb_BOC-MOTO-CREDIT" type="radio" />
                                                                <label class="bg Bfb_BOC-MOTO-CREDIT" for="Bfb_BOC-MOTO-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_ICBC-MOTO-CREDIT" value="Bfb_ICBC-MOTO-CREDIT" type="radio" />
                                                                <label class="bg Bfb_ICBC-MOTO-CREDIT" for="Bfb_ICBC-MOTO-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_CITIC-EXPRESS-CREDIT" value="Bfb_CITIC-EXPRESS-CREDIT" type="radio" />
                                                                <label class="bg Bfb_CITIC-EXPRESS-CREDIT" for="Bfb_CITIC-EXPRESS-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_CEB-EXPRESS-CREDIT" value="Bfb_CEB-EXPRESS-CREDIT" type="radio" />
                                                                <label class="bg Bfb_CEB-EXPRESS-CREDIT" for="Bfb_CEB-EXPRESS-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_SPABANK-MOTO-CREDIT" value="Bfb_SPABANK-MOTO-CREDIT" type="radio" />
                                                                <label class="bg Bfb_SPABANK-MOTO-CREDIT" for="Bfb_SPABANK-MOTO-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                        <li>
                                                            <div class="bd_wrap">
                                                                <input name="gateway" id="Bfb_GDB-EXPRESS-CREDIT" value="Bfb_GDB-EXPRESS-CREDIT" type="radio" />
                                                                <label class="bg Bfb_GDB-EXPRESS-CREDIT" for="Bfb_GDB-EXPRESS-CREDIT"></label>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </div>
                                    </div>
                                </div>
                            </ul>
                        </div>
                        <div class="confirm_pay main_content clearfix" style="padding-top:35px;">
                            <div class="submit_box clearfix">
                                <div class="fr">
                                    <a href="javascript:" class="submit_btn" id="JS_btn_confirm_pay">立即支付</a>
                                </div>
                            </div>
                        </div>
                        <noscript></noscript>
                        <noscript></noscript>
                    </div>
                </div>
            </form>
        </div>
    </div>

        
     
    @*<div id="footer_container">
        <div id="footer_textarea">
            <div class="footer_con" id="footer_copyright">
            </div>
        </div>
    </div>*@
    <div class="footer">
        <div class="container">
            <div class="col-md-3 f_grid1">
                <h3>About</h3>
                <a href="#"><img src="~/Content/User/images/logo.png" alt="" /></a>
                <p>
                    美妆商城是中国首家第三方化妆品网络供销与品牌推广平台

                    国际名品与经典国货化妆品供应商

                    全新的O2O营销模式

                    即将引发化妆品行业新一轮营销革命！
                </p>
            </div>
            <div class="col-md-3 f_grid1 f_grid2">
                <h3>Follow Us</h3>
                <ul class="social">
                    <li><a href=""> <i class="sina"> </i><p class="m_3">新浪微博</p><div class="clearfix"> </div></a></li>
                    <li><a href=""><i class="tencent"> </i><p class="m_3">腾讯微博</p><div class="clearfix"> </div></a></li>
                    <li><a href=""><i class="renren"> </i><p class="m_3">人人网</p><div class="clearfix"> </div></a></li>
                    <li><a href=""><i class="douban"> </i><p class="m_3">豆瓣</p><div class="clearfix"> </div></a></li>
                </ul>
            </div>
            <div class="col-md-6 f_grid3">
                <h3>Contact Info</h3>
                <ul class="list">
                    <li><p>Phone : 1.800.254.5487</p></li>
                    <li><p>Fax : 1.800.254.2548</p></li>
                    <li><p>Email : <a href="mailto:info(at)fashionpress.com"> info(at)fashionpress.com</a></p></li>
                </ul>
                <ul class="list1">
                    <li><p>Aliquam augue a bibendum ipsum diam, semper porttitor libero elit egestas gravida, ut quam, nunc taciti</p></li>
                </ul>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
    <div class="footer_bottom">
        <div class="container">
            <div class="copy">
                <p>Copyright &copy; 2015.稻草人之恋 All rights reserved.</p>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>

    <script type="text/javascript" src="~/Content/User/js/PayWay.js"></script>
</body>
</html>
